<div class="add-product-modal">
        <div class="modal-overlay"></div>
        <div class="modal-content">
            <!-- 头部 -->
            <div class="modal-header bg-primary text-white p-3">
                <h5 class="mb-0">添加新产品</h5>
                <button type="button" class="btn-close btn-close-white"></button>
            </div>

            <!-- 表单主体 -->
            <div class="modal-body p-4">
                <form id="productForm" enctype="multipart/form-data">
                    <!-- 产品名称 -->
                    <div class="mb-4">
                        <label class="form-label text-primary">产品名称</label>
                        <input type="text"
                               class="form-control"
                               name="name"
                               minlength="3"
                               required
                               placeholder="最少3个字符"
                               style="border-radius: 0; border: 2px solid #2A3950">
                        <div class="invalid-feedback">产品名称需至少3个字符</div>
                    </div>

                    <!-- 产品类型 -->
                    <div class="mb-4">
                        <label class="form-label text-primary">产品分类</label>
                        <label>
                            <select id="productType"
                                    class="form-select"
                                    name="product_type"
                                    required
                                    style="border-radius: 0; border: 2px solid #2A3950">
                                <option value="" disabled selected>选择技术分类</option>
                                <!-- 动态加载选项 -->
                            </select>
                        </label>
                    </div>



                    <!-- 产品描述 -->
                    <div class="mb-4">
                        <label class="form-label text-primary">产品描述</label>
                        <label>
                            <textarea class="form-control"
                                      name="description"
                                      maxlength="255"
                                      rows="3"
                                      placeholder="最多255个字符"
                                      style="border-radius: 0; border: 2px solid #2A3950">
                            </textarea>
                        </label>
                        <div class="text-muted text-end"><span id="charCount">0</span>/255</div>
                    </div>

                    <!-- 管理员 -->
                    <div class="mb-4">
                        <label class="form-label text-primary">管理团队</label>
                        <label>
                            <select class="form-select"
                                    name="administrators"
                                    multiple
                                    style="border-radius: 0; border: 2px solid #2A3950">
                                <!-- 动态加载用户 -->
                            </select>
                        </label>
                        <div class="form-text">可多选管理员</div>
                    </div>

                    <!-- LOGO上传 -->
                    <div class="mb-4">
                        <label class="form-label text-primary">品牌标识</label>
                        <div class="upload-area border-2"
                             style="border: 2px dashed #2A3950; height: 120px">
                            <input type="file"
                                   class="d-none"
                                   name="logo"
                                   accept=".png, .jpg, .svg">
                            <div class="upload-placeholder">
                                <i class="fas fa-cloud-upload-alt fa-2x text-muted"></i>
                                <p class="mb-0 text-muted">拖放文件或点击上传</p>
                            </div>
                        </div>
                        <div class="form-text">支持PNG/JPG/SVG，最大2MB</div>
                    </div>
                </form>
            </div>

            <!-- 操作栏 -->
            <div class="modal-footer p-3 border-top-0">
                <button type="button" class="btn btn-outline-primary" id="cancelBtn">取消</button>
                <button type="submit" class="btn btn-primary" form="productForm">创建产品</button>
            </div>
        </div>
    </div>